/*首页样式*/
.inside-more{ line-height:1; display:inline-block; vertical-align:middle; background:#fff; font-size:18px; border:1px solid #5e5e5e; padding:14px 50px; margin-top:50px;}
.inside-more:hover{background:#013686;color:#fff;}
a.inside-more2{ line-height:1; display:inline-block; vertical-align:middle; background:#013686;color:#fff; font-size:18px; border:1px solid #013686; padding:14px 50px;}
a.inside-more2:hover{background:#fff;color:#013686;}


#index .contents .company{text-transform: uppercase; width:100%; color:#333;font-size:43px; 
	font-weight:300;margin-top:20px;}
#index .contents .company::before{width: 90px;height:2px; background:#013686;position:absolute; top:48%; right:106%; z-index:2; content:''; }
#index .contents .title{ width:100%; line-height:1.4;font-size: 41px; color:#333;}

#index{background:#f4f4f4;}
#index .one{ width:100%; background:#fff url(../images/aboutbg.jpg) no-repeat center 0; position:relative;}
#index .one .cw1400{ position:relative; z-index:3; padding:100px 0;}
#index .one .cw1400 .contents{ width:50%;}
#index .one .cw1400 .contents .ites{ width:100%; margin-top:60px;display: flex;justify-content: space-between;}
/*#index .one .cw1400 .contents .ites .slide{ width:23%; margin-right:2%;}*/
#index .one .cw1400 .contents .ites .slide .txt1{ color:#013686; word-wrap:break-word;}
#index .one .cw1400 .contents .ites .slide .txt1 span{font-size: 40px; color:#013686;}
#index .one .cw1400 .contents .ites .slide .txt2{ color:#999999;font-size: 14px;}
#index .one .cw1400 .contents .ites .slide:last-child{ margin-right:0;}
#index .one .cw1400 .contents .brief{font-size: 16px; width:100%; line-height:2; color:#666666; margin-top:40px;}
#index .one .cw1400 .picpath{ width:46.4%;}

#index .thr{ width:100%; background:#f9f9f9 url(../images/indprobg.jpg) no-repeat center top;/* background-size:100% 100%;*/ padding-top:120px;}
#index .thr .contents{ width:33%;}
#index .thr .contents .desc{margin:40px auto; font-size: 16px;line-height: 26px;color:#bdbdbd;}
#index .thr .contfr{width:62%;}
#index .thr .contfr ul{width:100%;display: flex;justify-content: space-between;}
#index .thr .contfr li{float:left;width:49.8%;}
#index .thr .contfr li .Imgg{width: 100%;overflow: hidden;}
#index .thr .contfr li .Imgg img{width: 100%;transition: 0.5s;}
#index .thr .contfr li a{width: 100%;height: 100%;} 
#index .thr .contfr li .desc{position:absolute; content:'';width:100%;height:40%;bottom:0;
background:rgba(0,0,0,.6);color:#fff;display: flex;flex-direction: column;} 
#index .thr .contfr li .desc .twx{padding:30px 25px 0;line-height:30px;}
#index .thr .contfr li .desc .twx em{display: block;margin-bottom: 10px; width:12px;height:12px;background:#013686;}
#index .thr .contfr li .desc .twx strong{font-size: 22px;font-weight: 400;}
#index .thr .contfr li .desc .twx p{font-size: 14px;}
#index .thr .contfr li:hover .Imgg img{transform: scale(1.1);}

#index .thr .item{ width:100%; position:relative; margin:50px auto 80px;}
#index .thr .item .prev{ width:11px; height:20px; background:url(../images/img60.png) no-repeat center; background-size:100% 100% !important; position:absolute; top:50%; left:-56px; z-index:2;}
#index .thr .item .prev.swiper-button-disabled{ background:url(../images/img58.png) no-repeat center;}
#index .thr .item .next{ width:11px; height:20px; background:url(../images/img61.png) no-repeat center; background-size:100% 100% !important; position:absolute; top:50%; right:-56px; z-index:2;}
#index .thr .item .next.swiper-button-disabled{ background:url(../images/img59.png) no-repeat center;}
#index .thr .item .container{ width:100%;}
#index .thr .item .container .slide{ width:23.5%; margin-right:2%;}
#index .thr .item .container .slide .picpath{background:#fff; width:100%; height:100%; position:relative;}
#index .thr .item .container .slide .picpath .flex{ width:100%; height:100%; display:flex; align-items:center; opacity:0; background:rgba(0,0,0,.6); position:absolute; top:0; bottom:0; left:0; right:0; z-index:3;}
#index .thr .item .container .slide .picpath .flex .ptag{ width:100%;}
#index .thr .item .container .slide .picpath .flex .ptag .icon{ width:50px;}
#index .thr .item .container .slide .picpath .flex .ptag .txt{ color:#fff; margin-top:20px;font-size: 14px}
#index .thr .item .container .slide .picpath .flex .img{ width:100%; position:relative;}
#index .thr .item .container .slide .pname{ width:100%; background:#f5f5f5; color:#666;font-size: 16px; padding:20px 0;}
#index .thr .item .container .slide:hover .picpath .flex{ opacity:1;}
#index .thr .item .container .slide:hover .pname{ background:#fff; color:#013686;}
#index .thr .item .container .slide:last-child{ margin-right:0;}

#index .four{ padding:100px 0;}
#index .four .contents{ width:20%;}
#index .four .news_menu .swiper-wrapper{display: flex;flex-direction: column;margin-top:60px;}

#index .four .indnews_tab{margin-bottom:20px;}
#index .four .indnews_tab a{color: #666;display: block;font-size: 18px;position: relative;height:40px;line-height: 40px;}
#index .four .indnews_tab a:before{position: absolute;content:'';width:70px;height:2px;background:none;bottom:0;}

#index .four .news_menu .indnews_tab.swiper-slide-thumb-active,
#index .four .news_menu .indnews_tab.swiper-slide-thumb-active a{color:#013686;}
#index .four .indnews_tab.swiper-slide-thumb-active a:before{background:#013686;}

#index .four .ind_news{float:right; width:80%; overflow: hidden;}

#index .four .ind_nc{position: relative;width:100%;margin-top: 20px;}
#index .four .ind_nc ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
#index .four .ind_nc li{float:left;width:48.5%;margin-bottom:35px;box-sizing: border-box;}
#index .four .ind_nc li a{display: block; color:#999;font-size: 14px;background:#ffffff;padding:25px 25px;}
#index .four .ind_nc .item{width: 100%; box-sizing: border-box;transition: all .2s linear;}
#index .four .ind_nc .item .time{ font-size:18px;}
#index .four .ind_nc .item .tit{display: block; padding:5px 0px;color:#333; font-size:18px;font-weight: normal;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;
    line-height:40px;}
#index .four .ind_nc .item .des{font-weight: normal;display: -webkit-box;line-height:20px;
    -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#index .four .ind_nc .item .Imore{margin:10px 0px 0; display: inline-block;
    box-sizing: border-box;background: #FFFFFF;border: 1px solid #ffffff;transition: 0.2s linear;}
#index .four .ind_nc .item .Iline{position: relative;margin-top:0px;width: 100%;height:0px;background: #e5e5e5;}
#index .four .ind_nc .item .Iline:after{content: "";position: absolute;left: 0;top: 0;width: 0;height:2px;background:#013686;transition: width 0.2s linear;}
#index .four .ind_nc .item:hover{box-shadow: 2px 2px 10px rgba(0,0,0,0.32);}
#index .four .ind_nc .item:hover .Iline:after{width: 100%;}
#index .four .ind_nc .item:hover .tit{color:#013686;}

#index .business-banner {height:820px;}
.business-banner .com-banner-title-content {bottom:0;height:100%; font-size: 20px;}
.business-list-pc {display:flex;height:100%;font-size:20px;}

.business-list-pc .item {flex:1;border-left:1px rgba(255,255,255,.2) solid;
	display:flex;flex-direction:column;align-items:center;justify-content:center;}
.business-list-pc .item:first-child {border-left:none;}
.business-list-pc .wirap {width:100%;overflow:hidden;}
.business-list-pc .item .bottom-half {height:0;}
.business-list-pc .item .field-item-pic {left:0;top:0;right:0;bottom:0;width:100%;height:110px;margin-bottom:30px;
	display: flex;align-items: center;justify-content: center;}
.business-list-pc .item .field-item-pic::before{position: absolute;content: '';background:#fff;width:110px;height:110px;border-radius: 50%; }	
.business-list-pc .item .field-item-content {max-width:40px;z-index: 2;}
/*.business-list-pc .item .circle {width:6em;height: 6em; max-width:none;left:50%;top:50%;
	transform:translate(-50%,-50%) scale(.8);}*/
.business-list-pc .item .circle-active {max-width:40px;left:50%;transform:translate(-50%,0); top:-50%;opacity:0;}

.business-list-pc .item .desc {height:0;transform:scale(0);font-size: 16px;}
.business-list-pc .item .view {height:0;margin-top:2.7em;transform:scale(0);border:1px #fff solid;font-size: 14px;}
.business-list-pc .item .field-item-title{font-size: 24px; line-height:40px;}
.business-list-pc .item .field-item-titleen{font-size: 14px; line-height:40px;}

.business-list-pc .item:hover {flex:2;}
.business-list-pc .item:hover .wirap {padding-top:1em;}
.business-list-pc .item:hover .bottom-half {height:auto;}
.business-list-pc .item:hover .field-item-title {}
.business-list-pc .item:hover .desc {width:80%;height:auto;margin-top:20px;line-height:1.75;transform:scale(1);}
.business-list-pc .item:hover .view {height:auto;transform:scale(1);padding:10px 50px;color:#fff;}
.business-list-pc .item:hover .field-item-pic .circle {transform:translate(-50%,-50%) scale(0.8);opacity:1;}
.business-list-pc .item:hover .field-item-pic .circle-active {top:30%; opacity:1;transition:0.5s;}

.business-list-pc .item:hover .field-item-content{opacity:0;transition:0.1s;bottom:0;}

/**/
#index .com-banner {display:none; height:40em;}
.business-list-mo {height:100%;}
.business-swiper {height:100%;color:#fff;}
.business-swiper .item {display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;}
.business-swiper .item .field-item-pic {left:0;top:0;right:0;bottom:0;width:100%;height:110px;margin-bottom:30px;
	display: flex;align-items: center;justify-content: center;}
.business-swiper .item .field-item-pic::before{position: absolute;content: '';background:#fff;width:110px;height:110px;border-radius: 50%; }	
.business-swiper .item .field-item-content {max-width:40px;z-index: 2;}

.business-swiper .item .circle {opacity:0;}
.business-swiper .item .circle-active {width:15em;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);opacity:1;}
.business-swiper .item .field-item-title {font-size:26px;}
.business-swiper .item .field-item-titleen {font-size:16px;}
.business-swiper .item .desc {width:80%;margin-top:2em;font-size:16px;line-height: 30px;}
.business-swiper .item .view {margin-top:2em;color:#fff;border:1px #fff solid;padding:15px 40px;}
.business-swiper .item .view span {font-size:1.2em;}
.business-swiper .item .view .icon {width:3.5em;height:3.5em;margin-left:2em;border:1px solid #fff;border-radius:50%;}
.business-swiper .item .view .icon .arrow {font-size:2em;}
.business-swiper {height:100%;}
.business-swiper .item .view .icon { width: 2.5em; height: 2.5em; }
.business-swiper .item .view .icon .arrow { font-size: 1.5em; }
.business-list-mo .item .mo-bg {z-index:-1;width: 100%;height: 100%;object-fit: cover;}
.business-swiper .swiper-pagetion{}

#index .five{background:#ffffff; }
#index .five .item{ width:100%; position:relative; margin:50px auto 50px;}
#index .five .item .prever{ width:11px; height:20px; background:url(../images/img60.png) no-repeat center; background-size:100% 100% !important; position:absolute; top:50%; left:-56px; z-index:2;}
#index .five .item .prever.swiper-button-disabled{ background:url(../images/img58.png) no-repeat center;}
#index .five .item .nexter{ width:11px; height:20px; background:url(../images/img61.png) no-repeat center; background-size:100% 100% !important; position:absolute; top:50%; right:-56px; z-index:2;}
#index .five .item .nexter.swiper-button-disabled{ background:url(../images/img59.png) no-repeat center;}
#index .five .item .container{ width:100%;}
#index .five .item .container .slide .picpath{background:#fff; width:100%; height:100%; position:relative;}
#index .five .item .container .slide .picpath .flex .img{ width:100%; position:relative;}


@media (max-width:1400px) {

	#index .contents .company{margin-top:0;font-size:40px;}
	#index .contents .company::before{right:102%;}
	#index .one .cw1400 .contents .brief{margin-top: 20px;}
	#index .one .cw1400 .contents .ites{margin-top: 40px;}

}
@media (max-width:1366px) {
    .business-banner .com-banner-title-content { font-size: 18px; }
}

@media screen and (max-width:1300px){
	#index .thr .contents .desc{margin:20px auto;}
	#index .thr .contfr li .desc .twx{padding:15px 15px;}
	
}

@media (max-width:1199px) {
	#index .one .cw1400{padding:60px 0;}
	#index .one .cw1400 .contents .ites .slide .txt1 span{font-size: 36px;}
	#index .contents .company{margin-top:0;font-size:34px;}
	#index .contents .title{font-size: 30px;}
	.inside-more{font-size: 16px;padding: 10px 40px;margin-top:30px;}
	.business-list-pc .item .field-item-title{font-size: 20px;}
	.business-list-pc .item .field-item-titleen{font-size: 14px;}
	.business-list-pc .item .field-item-pic{width:100px;height: 100px;}
	.business-list-pc .item .field-item-pic::before{width:100px;height: 100px;}
    .business-list-pc .item .view .icon { width: 1.8em; height: 1.8em;}
	#index .thr .contents .desc{font-size: 14px;line-height: 22px;}
	#index .thr .contfr li .desc .twx{line-height: 26px;}
	#index .thr .contfr li .desc .twx em{display: none;}
    #index .thr .contfr li .desc .twx strong{font-size: 18px;}
    .icon-return-list .circle { width: 36px; height: 36px; }
  
}

@media (max-width:991px) {
	.inside-title{ font-size:30px;}
	.inside-more{font-size: 16px;padding: 14px 50px;}
	
	#index .contents .company{font-size: 30px;}
	#index .one .cw1400 .contents{ width:100%;}

	#index .one .cw1400 .contents .ites .slide .txt1 span{font-size:30px;}
	#index .one .cw1400 .contents .brief{ margin-top:24px;}
	#index .one .cw1400 .picpath{ display:none;}
	
	#index .thr{ padding-top:46px;}
	#index .thr .item{ margin-top:24px;}
	#index .thr .item .prev{ top:40%;}
	#index .thr .item .next{ top:40%;}
	#index .thr .item .container .slide .picpath .flex{ display:none;}
	#index .thr .item .container .slide .name{ padding:16px 0;}
	#index .one .cw1400{ padding:40px 0;}
	#index .four{ padding:40px 0;}
	
	#index .business-banner {display:none;}
    #index .com-banner {display:block;}
    .business-banner .com-banner-title-content {height: 100%;}

    #index .five .item{margin:20px auto;}

}

@media (max-width:767px){
	
	#index .contents .company{font-size: 26px;}
	#index .contents .company::before{width: 0;}
	#index .contents .title{font-size: 26px;}
	#index .one .cw1400 .contents .brief{font-size: 14px;}
	#index .one .cw1400 .contents .ites .slide{width:48%;margin-bottom:15px;}
	#index .thr .contents{width: 100%;}
	#index .thr .contfr{display: none;}

	#index .four .contents{width: 100%;}
	#index .four .ind_news{width: 100%;}
	#index .four .news_menu .swiper-wrapper{margin-top:15px;flex-direction:row;justify-content:flex-start;}
	#index .four .indnews_tab{width:25% !important;}
	#index .four .ind_nc{margin-top:0;}
	#index .four .ind_nc li{width: 100%;margin-bottom:20px;}
    .com-banner-title-content {bottom:3em;}
    .business-swiper .item .view span{font-size: 0.9em;}

     #index .five .item{margin:0px auto;}


}

@media (max-width:480px) {

	#index .one .cw1400 .contents .ites{margin-top: 20px;flex-wrap: wrap;}
    #index .one .cw1400 .contents .ites .slide .txt1 span{font-size:26px;}
    #index .one .cw1400 .contents .ites .slide .txt2{font-size: 12px;}
	.inside-more{padding:10px 40px;}
	.business-swiper .item .desc{font-size: 14px;line-height: 20px;}
   
}